<% if (locals.type === 'people') { %>
<ul class="people-option">
  <% locals.data.forEach(item => { %>
  <li class="people-option__item">
    <a class="button" data-value="<%= item.user_name %>">
      <i class="iconfont icon-yonghu"></i>
      <%= item.user_name %>
    </a>
  </li>
  <% }) %>
</ul>
<% } else if (locals.type === 'restaurant') { %>
<ul class="restaurant-option">
  <% locals.data.forEach(item => { %>
  <li class="restaurant-option__item">
    <a class="button" data-id="<%= item.id %>" data-value="<%= item.shop_name %>">
      <img src="<%= item.image %> " alt="images" />
      <%= item.shop_name %>
    </a>
  </li>
  <% }) %>
</ul>
<% } else if (locals.type === 'meal') { %>
<ul class="meal-option">
  <% locals.data.forEach(item => { %>
  <li class="option-item">
    <a class="button" data-id="<%= item.id %>">
      <h6><%= item.meal %></h6>
      <p>
        <i class="fa fa-rmb"></i>
        <%= item.price %></p>
      <div class="input-box">
        <input type="button" data-id="<%= item.id %>" data-action="increase" class="button__number increase-btn" value="+" />
        <input class="num-style" type="text" value="<%= item.sum %>" />
        <input type="button" data-id="<%= item.id %>" data-action="decrease" class="button__number decrease-btn" value="-" />
      </div>
    </a>
  </li>
  <% }) %>
</ul>
<% } %>